<template>
	<div class="room">

		<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane label="房间信息管理" name="first">
				<roomInformation></roomInformation>
			</el-tab-pane>
			<el-tab-pane label="房间预约管理" name="second">
				<roomAppointment></roomAppointment>
			</el-tab-pane>
			<el-tab-pane label="房间图片管理" name="third">
				<roomImage></roomImage>
			</el-tab-pane>
			<el-tab-pane label="房间评论管理" name="fourth">
				<roomRate></roomRate>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
	import roomInformation from "@/components/room/roomInformation";
	import roomAppointment from "@/components/room/roomAppointment";
	import roomImage from "@/components/room/roomImage";
	import roomRate from "@/components/room/roomRate";
	export default {
		name: "Room",
		data() {
			return {
				activeName: 'second'
			};
		},
		components: {
			roomInformation,
			roomAppointment,
			roomImage,
			roomRate
		},
		methods: {
			handleClick(tab, event) {
				console.log(tab, event);
			}
		}

	};
</script>

<style lang="scss" scoped>

</style>
